//一、小米单品展示
//小米的明星产品
(function() {
	var flag = false;
	$('#toRight').click(function() {
		$('.lang-list').animate({
			'marginLeft': -1226
		});
		flag = true;
	});

	$('#toLeft').click(function() {
		$('.lang-list').animate({
			'marginLeft': 0
		});
		flag = false;
	});

	//写一个自动移动的函数move
	function move() {
		if(!flag) {
			flag = !flag;
			$('.lang-list').animate({
				'marginLeft': -1226
			});

		} else {
			$('.lang-list').animate({
				'marginLeft': 0
			});
			flag = !flag;
		}
	}
	var timer = setInterval(move, 6000);

})();

//推荐
(function() {
	$('#forRight').click(function() {
		$('.lang-list').animate({
			'marginLeft': -1226
		})
	});
	$('#forLeft').click(function() {
		$('.lang-list').animate({
			'marginLeft': 0
		})
	});
})();

//二、导航条选项卡

$(function() {
	var timer;
	// 导航条
	$('.has-sub').hover(function() {

		clearTimeout(timer);
		$('.show ul .first').eq($(this).index('.has-sub')).show().siblings().hide();
		$('.show-bar').slideDown('fast');

	}, function() {
		clearTimeout(timer);
		timer = setTimeout(function() {
			$('.show-bar').slideUp();
		}, 200);

	});
	$('.show-bar').hover(function() {
		clearTimeout(timer);
	}, function() {
		$('.show-bar').slideUp();
	})
});

//三、轮播选项卡
$(function() {
	var timer;
	// 导航条
	$('.side-list li').hover(function() {
		console.log($(this).index());
		clearTimeout(timer);
		$('#nav-ul >li').eq($(this).index()).show().siblings().hide();
		$('.nav-list').show('fast');

	}, function() {
		clearTimeout(timer);
		timer = setTimeout(function() {
			$('.nav-list').hide();
		}, 200);

	});
	$('.show-bar').hover(function() {
		clearTimeout(timer);
	}, function() {
		$('.show-bar').hide();
	})
});

//第四部分内容点击切换

$(function() {
		var $val = $('read-one').index();
		$('.read-list li').click(function() {
			var cur = -($(this).index() * 295);
			$(this).addClass('cur').siblings().removeClass('cur').parent().siblings('.big-warp').find('ul').animate({
				'marginLeft': cur
			});
		})

		//内容箭头显现问题
		function move(className) {
			// 获取每个轮播的帧数
			var len = $(`.${className} .read-list li`).length;
			// 每个轮播当前执行的帧数
			var index = 0;
			//		hover事件
			$(`.${className}`).hover(function() {
				$(`.${className} .read-click p`).show();
			}, function() {
				$(`.${className} .read-click p`).hide();
			});

			// 点击事件
			$(`.${className} .read-zuojian `).click(function() {
				index--;
				if(index <= -1) {
					index = len - 1;
				}
				$(`.${className} .read-warp`).animate({
					'marginLeft': -(index * 295)
				});
				$(`.${className} .read-list li`).eq(index).addClass('cur').siblings().removeClass('cur');
				
			});

			$(`.${className} .read-youjian`).click(function() {
				index++;
				if(index === len) {
					index = 0;
				}
				$(`.${className} .read-warp`).animate({
					'marginLeft': index * -295
				});
				$(`.${className} .read-list li`).eq(index).addClass('cur').siblings().removeClass('cur');
			});

		}


move('read-book');
move('MI-book');
move('game-book');
move('yy-book');

});